<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>异步模拟请求json文件</title>
    <script src="../框架相关的js/jquery-3.6.0.min.js"></script>
    <script src="../框架相关的js/axios.min.js"></script>
</head>

<body>
    <script>
        // 方式一：
        // 用 axios  模拟请求json 文件
        axios.get('http://127.0.0.1:5500/用json文件模拟请求接口/data.json').then(res => {
            console.log(res, '接口的数据');
        })
        //  方式二：
        // 用 Ajax 请求json文件
        // $.ajax({
        //     url: 'data.json',
        //     type: 'GET',
        //     dataType: 'json',
        //     success: function (data) {
        //         console.log(data, '请求的数据');
        //     }
        // });
    </script>
</body>

</html>